<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_党员信息管理系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
    <link rel="stylesheet"
          href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css"
          type="text/css">
    <link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/module/jeDate/jedate.css"/>
    <style type="text/css">
        .table > tbody > tr > td {
            vertical-align: middle;
        }
    </style>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding: 0px">
    <div class="main-container container-fluid">
        <div class="page-container">
            <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px">
                <div class="profile-container">
                    <div class="profile-header row" style="margin: 0px;">
                        <div class="col-lg-2 col-md-4 col-sm-12 text-center">
                            <img src="" alt="" class="header-avatar js-member_head_img">
                        </div>
                        <div class="col-lg-5 col-md-8 col-sm-12 profile-info">
                            <div class="header-fullname js-member-name"></div>
                            <div class="header-information">
                                <strong><span class="js-member-org-name"></span></strong> <strong><span
                                    class="js-member-join-time" style="margin-left: 20px"></span></strong>
                            </div>
                        </div>
                        <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12 profile-stats">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 stats-col">
                                    <div class="stats-value pink js-year-points"></div>
                                    <div class="stats-title">本年度积分</div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 stats-col">
                                    <div class="stats-value pink js-all-points"></div>
                                    <div class="stats-title">历史积分</div>
                                </div>
                            </div>
                            <div class="row">
                                <div
                                        class="col-lg-6 col-md-6 col-sm-6 col-xs-6 inlinestats-col">
                                    <a data-toggle="tab" href="#overview">本年度趋势</a>
                                </div>
                                <div
                                        class="col-lg-6 col-md-6 col-sm-4 col-xs-6 inlinestats-col">
                                    <a data-toggle="tab" href="#timeline"> 历史明细 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="profile-body">
                        <div class="col-lg-12" style="padding:0px;">
                            <div class="tabbable">
                                <div class="tab-content tabs-flat" style="margin-top: 0px;">
                                    <div id="overview" class="tab-pane active">
                                        <div class="row profile-overview">
                                            <div class="col-md-12">
                                                <h6 class="row-title before-themeprimary no-margin-top" style="margin-left: -12px;">积分获取趋势</h6>
                                                <div class="flot-text" style="height: 300px" id="main1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="timeline" class="tab-pane">
                                        <h6 class="row-title before-themeprimary no-margin-top" style="margin-left: -7px;">历史积分明细</h6>
                                        <table id="myTable"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="orgselectdiv"></div>
<div id="attachselect"></div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript" src="/module/jeDate/jeDate.js"></script>
<script src="/module/echart/echarts.min.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-${localeLangCountry()}.js"></script>
<script type="text/javascript" src="/gobal/js/page/party/points/mypoints.js"></script>
</body>
</html>
